import React, { FC, ReactElement, useState, useEffect } from 'react';
import style from './index.less';
import { Breadcrumb } from 'antd';
import commonStyle from '@/pages/publicStyle';

const ActivityDetail: FC = (props): ReactElement => {
  const [state, setState] = useState(null);
  console.log(props);
  useEffect(() => {}, []);
  const { activityBreadcrumb, BreadcrumbTitle } = style;
  const { padding20, mt10 } = commonStyle;
  return (
    <div>
      <div className={activityBreadcrumb} style={padding20}>
        <Breadcrumb>
          <Breadcrumb.Item href="/">首页</Breadcrumb.Item>
          <Breadcrumb.Item href="/createActivity">创建活动列表</Breadcrumb.Item>
          <Breadcrumb.Item>活动详情</Breadcrumb.Item>
        </Breadcrumb>
        <div className={BreadcrumbTitle} style={mt10}>
          活动详情
        </div>
      </div>
    </div>
  );
};
export default ActivityDetail;
